<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <title>Bootstrap排版案例</title>
</head>

<body>
    <div class="container">
        <h1>极客学院</h1>
        <h2>极客学院</h2>
        <h3>极客学院</h3>
        <h4>极客学院<small>欢迎你的到来</small></h4>
        <p>helloelloelloelloelloello<abbr title="attribute">hellohellohellohello</abbr></p>
        <p>helloelloelloelloelloello</p>
        <p class="lead">helloelloelloelloelloello</p>
        <p>Hello World:欢迎来到<mark>极客学院</mark></p>
        <del>123</del>

        <p class="text-left">你好吗？</p>
        <p class="text-center">你好吗？</p>
        <p class="text-right">你好吗？</p>
        <p class="text-lowercase">agagLOs</p>
        <p class="text-uppercase">safcsfdsaD</p>
        <p class="text-capitalize">saff</p>

        <address>
            <strong>极客学院</strong>
            北京市，海淀区<br>
            上地三街，嘉华大厦：1008
            <abbr title="Phone">P:8888 8888</abbr>
        </address>

        <ul class="list-unstyled">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </div>
</body>

</html>